import React from 'react';
import { View, Image, Text } from 'react-native';
const MerchandiseShows = ({ image, title, money, introduce, number }) => (
  <View>
    <Image style={{ width: '100%', height: 170 }} source={image} />
    <View style={{ flexDirection: 'row', marginTop: 5 }}>
      <View style={{ flex: 1 }}>
        <Text style={{ fontSize: 12, color: '#222' }}>{title}</Text>
        <Text style={{ fontSize: 10, color: '#666', marginTop: 5 }}>
          {introduce}
        </Text>
        <View style={{ alignItems: 'flex-start' }}>
          <Text
            style={{
              fontSize: 8,
              backgroundColor: '#f2f2f2',
              color: '#666',
              marginTop: 5,
              paddingVertical: 2,
              paddingHorizontal: 2
            }}>
            {number}色可选
          </Text>
        </View>
      </View>
      <View style={{ alignItems: 'center' }}>
        <Text style={{ fontSize: 10, color: '#222' }}>￥{money}</Text>
      </View>
    </View>
  </View>
);

export default MerchandiseShows;
